<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">

        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Pizza Store</title>
            </f:facet>

            <link href="#{request.contextPath}/resources/css/theme/style.css" media="screen" rel="stylesheet"/>
            <!--[if IE]>
                    <link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/css/theme/style.ie.css" />		
            <![endif]-->
            <!--[if IE 7]>
                    <link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/css/theme/style.ie7.css" />		
            <![endif]-->
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/theme/skin.css" />
            <script type="text/javascript" src="#{request.contextPath}/resources/js/jquery.Rut.js"></script>
            <link rel="shortcut icon" href="#{request.contextPath}/resources/css/theme/images/favicon.ico" type="image/x-icon" />
        </h:head> 
        <h:body>
            <h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
            <h:outputScript library="primefaces" name="jquery/jquery-plugins.js" target="head"  />
            <h:outputScript library="js" name="primefaces.spanish.locale.js" target="body" />
            <p:ajaxStatus onstart="PF('statusDialog').show()" oncomplete="PF('statusDialog').hide()"/>


            <div id="header">

                <div class="wrapper">
                    <!-- logo -->
                    <div id="logo"><img alt="" src="#{request.contextPath}/resources/css/theme/images/logo.png"/></div>
                    <!-- Menu -->
                    <ui:include src="/templates/includes/menu_superior.xhtml" />
                </div>

                <div id="header_border1"></div>
                <div id="header_border2"></div>

            </div>

            <div class="wrapper">

                <div id="master_header">
                    <!-- main image -->
                    <div><img alt="" src="#{request.contextPath}/resources/css/theme/images/main_img.jpg"/></div>
                </div>

                <div style="clear:both"></div>

                <div id="body_bg">

                    <!-- left content -->
                    <div id="left_colum">

                        <!-- login -->
                        <ui:include src="/templates/includes/login.xhtml" />

                        <!-- advertising -->
                        <div class="advertising"><a href="#"><img alt="" src="#{request.contextPath}/resources/css/theme/images/advertising.png" border="0"/></a></div>
                        <div class="advertising"><a href="#"><img alt="" src="#{request.contextPath}/resources/css/theme/images/advertising.png" border="0"/></a></div>
                    </div>

                    <!-- main content -->
                    <div id="middle_colum"><div class="inner_copy"></div>
                        <ui:insert name="contenido"> No se encontro contenido </ui:insert>                        
                    </div>

                    <div style="clear:both"></div>

                </div>
                <div id="body_bg_bottom"></div>

                <!-- footer -->
                <div id="footer">
                    <div class="fleft"><p>ZEKE LTDA.</p></div>
                    <div class="fright">Taller Pizza Store 2014</div>
                    <div class="fcenter">
                        <p>Template Designed By: <a href="http://www.mytemplatebox.com/">Free Website Templates</a><br/>Editor Temas Primefaces: <a href="http://jqueryui.com/themeroller/">JQuery Theme Roller</a></p>
                    </div>
                </div>	

            </div>

            <p:dialog widgetVar="statusDialog" 
                      modal="true" 
                      closable="false"
                      onShow="PF('statusDialog').initPosition()">
                <img src="#{request.contextPath}/resources/css/theme/images/ajax-loader.gif" alt="Espere por favor.." />
            </p:dialog>

            <ui:include src="/templates/includes/mensajes_globales.xhtml" />
            <ui:include src="/templates/includes/idleMonitor.xhtml" />
            <ui:include src="/templates/includes/funciones_javascript_globales.xhtml" />

            <h:form id="formDialogLogout">
                <p:confirmDialog id="logoutDialog" 
                                 widgetVar="wvLogoutDialog" 
                                 header="Cerrar Sesión"  
                                 message="¿Esta seguro que desea cerrar sesión?"  >  

                    <p:commandButton value="Si" 
                                     ajax="false"
                                     styleClass="ui-confirmdialog-yes" 
                                     icon="ui-icon-check" 
                                     type="button"
                                     onclick="window.location = '#{request.contextPath}/logout'"/>  

                    <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" 
                                     onclick="wvLogoutDialog.hide();" />       
                </p:confirmDialog>
            </h:form>

            <h:form id="formAlerta">
                <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">  
                    <p:commandButton value="Sí" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>  
                    <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>       
                </p:confirmDialog> 
            </h:form>

        </h:body>
    </f:view>
</html>
